.body
{
	font-family: calibri,sans-serif;
	text-align: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.body table {
	margin: auto;
}

.wrapper
{
	display: inline-block;
	height: auto;
	width: 980px;
}

.header
{
	font-weight: bold;
	font-size: 50px;
	display: block;
	width: 980px;
	height: 30px;
}

.header img
{
	float: left;
	outline : none;
	border: 0;
}

 #bar hr
{ 
	margin-left: 0px;
	margin-right:0px;
	margin-top: 5px;
	height: 5px;
	width:980px;
	border-radius: 5px;
		/*change color to purple*/
	/*background-color: #DB63DB;*/
	background-color: #000000;
	-moz-box-shadow:  0 0 0 3px #D8D8D8;
	-webkit-box-shadow: 0 0 0 3px #D8D8D8;
	box-shadow: 0 0 0 3px #D8D8D8;
}

.footer
{	
	display: block;
	height: 20px;
	margin-top: 10px;
	font-weight: bold;
}

.filter
{
	font-weight: bold;
}

/*----------------------------dropp down box-----------------------------------*/
.dropDown  select
{
	font-family: calibri,sans-serif;
	font-size: 15px;
	font-weight: bold;
	width:250px;
	display:none;
}

/*---------------------Class Table-------------------------*/
.teacher_overall_table
{
	text-align:left;
}

.teacher_overall_table th
{
	background-color: #FFFFFF; 
	font-size: 18px; 
	font-weight: bold;
	text-align:left;
}

.teacher_overall_table  tr td a
{
	text-decoration: none;
	color: #0000FF; 
	font-weight: bold;
}

tr.table_row_even 
{
	background-color: #BDBDBD; 
	color: #000000;
	border-style: none;
}

tr.table_row_odd
{
    background-color: #E0E0E0; 
	color: #000000;
	border-style: none;
}


.sm_container
{
	width:300px;
	min-height: 20px;
	background-color:#F2F2F2;
}

.sm_ticks
{
	background-image:url('../images/sm_ticks.png')
}

/*This is what gets rid of the border on the score bar column*/
td.fill_pixels_score 
{
	width:300px;
	border-style: none;
	background-color: #FFFFFF;
}

tr.table_footer td
{
	font-weight: bold;
	background-color: #F2F2F2; 
	color: #000000;
	border-style: none;
	border-top:solid #000000;

}

.table_header
{
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

.table_word_wrap
{
	style="word-wrap: break-word"
}

/*-------------------fixed table cell widths---------------------*/
.inst_name div
{
	width:140px;
}

.class_crn
{
	width:150px;
}

.resp
{
	width:43px;
}

.std_dev
{
	width:42px;
}

.score
{
	width:47px;
}

.test_name div
{
	width:150px;
}

.ellipsis
{
	white-space:nowrap; 
	overflow:hidden; 
	style:overflow;
	text-overflow: ellipsis;
}

/*-------------------This is the display prior 3 button--------------------*/
.display_prior_3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #000000;
	-webkit-box-shadow:inset 0px 1px 0px 0px #000000;
	box-shadow:inset 0px 1px 0px 0px #000000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #db63db) );
	background:-moz-linear-gradient( center top, #ededed 5%, #db63db 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#db63db');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	color:#0a090a;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:11px 31px;
	text-decoration:none;
	text-shadow:1px 1px 16px #ffffff;
}
.display_prior_3:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #db63db), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #db63db 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db63db', endColorstr='#ededed');
	background-color:#db63db;
}
.display_prior_3:active {
	position:relative;
	top:1px;
}

.outer-box{
	width:300px;
	height:20px;
	background-color:#FF0000;
	border-style: none;
}
.inner-box-bg{
	height:20px;
	background:#D8D8D8;
}


